<!DOCTYPE html>
<html>
<head>
    <title>Blog - Lorem Ipsum</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" type="text/css" href="/css/style.css">
</head>

<body id="{{ slug }}">

<nav>
<section>
    <span class="home">
        <a href="/">Home</a>
    </span>
    <span class="links">
        <a href="/blog/">Blog</a>
        <a href="/news/">News</a>
        <a href="/contact/">Contact</a>
        <a href="/about/">About</a>
    </span>
</section>
</nav>

<main>
<h1>Blog</h1>
<article>
<h2><a href="/blog/sed-finibus/">Sed Finibus</a></h2>
<p class="meta">Published on 2018-01-03 by <b>Admin</b></p>
<p class="summary">
Sed finibus fermentum convallis. Sed consequat, lacus a pellentesque suscipit, lorem libero egestas dui, sit amet volutpat mi dolor sit amet nisl. Maecenas faucibus iaculis&nbsp;<a class="more" href="/blog/sed-finibus/">...</a>
</p>
<div>
<a class="more" href="/blog/sed-finibus/">Read More</a>
</div>
</article>
<article>
<h2><a href="/blog/proin-quam/">Proin Quam</a></h2>
<p class="meta">Published on 2018-01-01 by <b>Admin</b></p>
<p class="summary">
Proin quam urna, pulvinar id ipsum ac, mattis consectetur ante. Praesent non justo lectus. Duis egestas arcu libero, quis laoreet dolor volutpat ut. Donec facilisis&nbsp;<a class="more" href="/blog/proin-quam/">...</a>
</p>
<div>
<a class="more" href="/blog/proin-quam/">Read More</a>
</div>
</article>

<section>
<a class="rss" href="/blog/rss.xml">RSS</a>
</section>

</main>

<footer>
<section>
<p>&copy; 2018 Lorem Ipsum</p>
<p>
    <a href="https://twitter.com/sunainapai">Twitter</a>
    <a href="https://github.com/sunainapai">GitHub</a>
    <a href="https://www.example.com/">Example</a>
</p>
</section>
</footer>

</body>
</html>
